<template>
	<view>
		<navbar/>
		<scroll-view scroll-y="true" class="scroll-Y" >
			<view class="place">
				<image src="/static/c1.png" mode="widthFix"></image>
				<view>
					所属区划：拉萨市
				</view>
			</view>
			<view class="reminder">
				<view class="icon-text">
					1
				</view>
				<view class="title">
					在线填表
				</view>
			</view>
			<view class="from-list">
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							主体信息
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="item-content">
						<view class="content_box">
							<view class="title_box">
								企业/个体户名称
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								经营范围
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								注册资本
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								法定代表人信息
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							经营场所
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="item-content">
						<view class="content_box">
							<view class="title_box">
								详细地址
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								房产证明或租赁合同编号
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
						
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							食品安全信息
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="item-content">
						<view class="content_box">
							<view class="title_box">
								设备清单
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								食品安全管理人员信息
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
						
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							消防环保信息
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="item-content">
						<view class="content_box">
							<view class="title_box">
								建筑面积
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								是否涉及油烟排放
							</view>
							<view class="text_box">
								11111
							</view>
						</view>
						
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							申请事项
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="item-content">
						<view class="content_box">
							<view class="title_box">
								企业营业执照信息核验
							</view>
							<view class="text_box">
								<checkbox-group name="checkbox">
									<label>
										<checkbox value="checkbox1" /><text>企业营业执照信息核验</text>
									</label>
								</checkbox-group>
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								食品经营许可
							</view>
							<view class="text_box">
								<checkbox-group name="checkbox">
									<label>
										<checkbox value="checkbox1" /><text>餐饮服务</text>
									</label>
								</checkbox-group>
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								户外招牌设施设置规范管理
							</view>
							<view class="text_box">
								<checkbox-group name="checkbox">
									<label>
										<checkbox value="checkbox1" /><text>户外招牌设施设置规范管理</text>
									</label>
								</checkbox-group>
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								公共聚集场所投入使用、营业前消防安全检查
							</view>
							<view class="text_box">
								<checkbox-group name="checkbox">
									<label>
										<checkbox value="checkbox1" /><text>公共聚集场所投入使用、营业前消防安全检查</text>
									</label>
								</checkbox-group>
							</view>
						</view>
						
					</view>
				</view>
			</view>
			<view class="reminder">
				<view class="icon-text">
					2
				</view>
				<view class="title">
					资料上传
				</view>
			</view>
			<view class="from-list">
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							“开办餐饮店一点事”联办表
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							与食品经营相适应的主要设备设施布局平面图或实景照片、操作流程图
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							食品安全自查、从业人员健康管理、进货查验记录、食品安全事故处置等保障食品安全的规章制度目录清单
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							利用自动设备从事食品经营的，应当提交每台设备的放置地点、食品经营许可证的展示方法、食品安全风险管控方案等材料
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							户外招牌设施现状图及实景效果图
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							户外招牌设施设置场地权属证明
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							户外招牌设施设计方案及平面设计图
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							安全承诺书
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							公众聚集场所投入使用、营业消防安全告知承诺书/消防安全检查申报表
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							消防安全制度、灭火和应急疏散预案
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							场所平面布置图、场所消防设施平面图
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="picture">
						<image src="/static/logo.png" mode="widthFix"></image>
						<view class="message">
							<view class="name">
								图片名
							</view>
							<view class="size">
								135.72KB
							</view>
						</view>
					</view>
				</view>
				<view class="item">
					<view class="item-top">
						<view class="top-text">
							结果送达方式
						</view>
						<image src="/static/logo.png" mode="widthFix"></image>
					</view>
					<view class="item-content">
						<view class="content_box">
							<view class="title_box">
								送达方式
							</view>
							<view class="text_box">
								邮寄
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								收件地址
							</view>
							<view class="text_box">
								双兴东区9号楼1单元101号
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								收件人
							</view>
							<view class="text_box">
								钱唯
							</view>
						</view>
						<view class="content_box">
							<view class="title_box">
								收件人电话
							</view>
							<view class="text_box">
								15235353895
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="blank">
				
			</view>
		</scroll-view>
		<view class="but">
			<view class="submit">
				提交
			</view>
		</view>
	</view>
</template>

<script>
	import formItem from '@/components/formItem/index.vue';
	import navbar from '@/pages/guide/enterprise/navbar.vue';
	export default {
		components:{navbar,formItem},
		data() {
			return {
				
			};
		},
		methods:{
		
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep uni-checkbox .uni-checkbox-input{
		width: 30rpx !important;
		height: 30rpx !important;
	}
.scroll-Y{
	width: 100%;
	height: calc(100vh - 369rpx);
	background-color: #ECF1F5;
	font-family: PingFang SC, PingFang SC;
	.place{
		padding-left: 30rpx;
		display: flex;
		align-items: center;
		width: 750rpx;
		height: 77rpx;
		background: #FFE3C8;
		font-weight: 400;
		font-size: 29rpx;
		color: #FF7B00;
		
		image{
			width: 20rpx;
			margin-right: 15rpx;
		}
	}
	.reminder{
		padding-left: 30rpx;
		display: flex;
		align-items: center;
		height: 85rpx;
		
		.icon-text{
			width: 38rpx;
			height: 38rpx;
			margin-right: 8rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 600;
			font-size: 35rpx;
			color: #FFFFFF;
			background-color: #FF7B00;
			border-radius: 8rpx;
		}
		.title{
			
			font-weight: 600;
			font-size: 35rpx;
			color: #2C5E9F;
		}
	}
	.from-list{
		margin:0 30rpx ;
		padding: 23rpx;
		background-color: #FFFFFF;
		
		.item{
			padding: 34rpx 23rpx;
			margin-bottom: 15rpx;
			background-color: #F1F8FF;
			.item-top{
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 20rpx;
				.top-text{
					font-weight: 600;
					font-size: 31rpx;
					color: rgba(0,0,0,0.8);
				}
				image{
					width: 46rpx;
				}
			}
			.item-content{
				.content_box{
					margin-bottom: 15rpx;
				}
				.title_box{
					font-weight: 400;
					font-size: 27rpx;
					color: rgba(0,0,0,0.6);
					line-height: 38rpx;
				}
				.text_box{
					font-weight: 400;
					font-size: 31rpx;
					color: rgba(0,0,0,0.8);
					line-height: 46rpx;
				}
			}
		}
		.picture{
			width: 566rpx;
			height: 92rpx;
			background-color: #FFFFFF;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			border: 1rpx solid #CDCDCD;
			padding: 7rpx 23rpx 7rpx 7rpx;
			display: flex;
			align-items: center;
			image{
				width: 70rpx;
			}
			.message{
				padding-left: 8rpx;
				flex: 1;
				.name{
					font-weight: 400;
					font-size: 29rpx;
					color: #1F2329;
					line-height: 38rpx;
				}
				.size{
					font-weight: 400;
					font-size: 29rpx;
					color: rgba(0,0,0,0.4);
					line-height: 38rpx;
				}
			}
			}
	}
	.itemmargin{
		margin-bottom: 16rpx;
	}
	.blank{
		height: 30rpx;
	}
}
.but{
	padding-top: 15rpx;
	background-color: #FFFFFF;
	.submit{
		margin: 0 auto;
		width: 688rpx;
		height: 92rpx;
		background: #2C5E9F;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		font-weight: 400;
		font-size: 29rpx;
		color: #FFFFFF;
		line-height: 92rpx;
		text-align: center;
	}
}
</style>
